/*!
 *  dfish css
 *
 *  f-	辅助样式
 *  w-  widget
 *  z-  状态，是否可用，是否焦点等
 *  
 */

d\:wg{display:none}

.f-12{font-size:12px!important}
.f-14{font-size:14px!important}
.f-16{font-size:16px!important}
.f-18{font-size:18px!important}
.f-20{font-size:20px!important}
.f-22{font-size:22px!important}
.f-24{font-size:24px!important}

.f-clearfix{zoom:1}
.f-clearfix:after{content:" ";height:0;visibility:hidden;display:block;clear:both}

.f-scroll-wrap{position:relative;overflow:hidden}
.f-scroll-tank{width:100%;height:100%;overflow:hidden;*position:relative}
.f-scroll-overflow{position:relative;overflow:scroll}
.f-scroll-overflow::-webkit-scrollbar{width:0;height:0}
.f-scroll-y{position:absolute;z-index:1;top:0;bottom:0;right:1px;display:none;visibility:hidden;border-radius:4px}
.f-scroll-y-track{position:relative;height:100%;width:8px;top:0;background:#b2bdc8;border-radius:5px;opacity:.9}
.f-scroll-wrap:hover .f-scroll-y{visibility:visible}
.f-scroll-y:hover .f-scroll-y-track{background:#99a8b8;opacity:.85}
.f-scroll-x{position:absolute;z-index:1;left:0;right:0;bottom:1px;display:none;visibility:hidden;border-radius:4px}
.f-scroll-x-track{position:relative;width:100%;height:7px;left:0;background:#b2bdc8;border-radius:4px;opacity:.9}
.f-scroll-wrap:hover .f-scroll-x{visibility:visible}
.f-scroll-x:hover .f-scroll-x-track{background:#99a8b8;opacity:.85}
.f-scroll-wrap.z-ovis{overflow:visible}

.f-inbl,.f-sub-horz{display:inline-block;*display:inline;*zoom:1}
.f-sub-horz,.f-sub-vert{vertical-align:top}

.f-sub-frame{visibility:hidden;position:absolute;z-index:-1} 
.f-sub-frame-on{}

.f-left{float:left}
.f-right{float:right}
.f-none{display:none!important}
.f-abs{position:absolute}
.f-rel{position:relative}
.f-required{color:red;font-family:tahoma}
.f-keyword{color:red;font-style:normal}

.f-nobr,.f-omit,.f-fix{white-space:nowrap;word-break:keep-all}
.f-omit,.f-fix{overflow:hidden;text-overflow:ellipsis}
.f-abshide{position:absolute;width:1px;height:1px;top:-1px;left:-1px;overflow:hidden}
.f-wdbr{white-space:normal;word-break:break-all}
.f-unsel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}

.f-vi,.f-vi-middle{display:inline-block;height:100%;vertical-align:middle}
.f-vi-top{display:inline-block;height:100%;vertical-align:top}
.f-vi-bottom{display:inline-block;height:100%;vertical-align:bottom}
.f-va,.f-va-middle{vertical-align:middle}
.f-va-top{vertical-align:top}
.f-va-bottom{vertical-align:bottom}

.f-resize-sensor{position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:-1;visibility:hidden}
.f-resize-sensor-expand{position:absolute;left:0;top:0;right:0;bottom:0;overflow:scroll;border:1px solid green;}
.f-resize-sensor-expand-core{position:absolute;left:0;top:0;padding:10px}
.f-resize-sensor-shrink{position:absolute;left:0;top:0;right:0;bottom:0;overflow:scroll;border:1px solid green;}
.f-resize-sensor-shrink-core{position:absolute;left:0;top:0;width:200%;height:200%}

/* arrow */
.f-arw{display:inline-block;border:4px solid transparent;vertical-align:middle;*line-height:0;*font-size:0;*overflow:hidden}
.f-arw-b1,.f-arw-b2,.f-arw-b3,.f-arw-b4{border-bottom:0;border-top-color:#555;}
.f-arw-r1,.f-arw-r2,.f-arw-r3,.f-arw-r4{border-right:0;border-left-color:#555;margin:0 2px}
.f-arw-t1,.f-arw-t2,.f-arw-t3,.f-arw-t4{border-top:0;border-bottom-color:#555;}
.f-arw-l1,.f-arw-l2,.f-arw-l3,.f-arw-l4{border-left:0;border-right-color:#555;margin:0 2px}
.f-arw-b2,.f-arw-r2,.f-arw-t2,.f-arw-l2{border-width:5px}
.f-arw-b3,.f-arw-r3,.f-arw-t3,.f-arw-l3{border-width:6px}
.f-arw-b4,.f-arw-r4,.f-arw-t4,.f-arw-l4{border-width:7px}

.f-notop{border-top-width:0!important}
.f-noright{border-right-width:0!important}
.f-nobottom{border-bottom-width:0!important}
.f-noleft{border-left-width:0!important}
.f-onlytop{border-width:1px 0 0 0!important}
.f-onlyright{border-width:0 1px 0 0!important}
.f-onlybottom{border-width:0 0 1px 0!important}
.f-onlyleft{border-width:0 0 0 1px!important}

.f-white{background:#fff}

.f-shadow{box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 8px #bbb}
.f-shadow-bottom{box-shadow:0 4px 4px -2px #eee}
.f-shadow-snap.z-mag-b{box-shadow:0 1px 4px #ddd}
.f-shadow-snap.z-mag-t{box-shadow:0 -1px 4px #ddd}

.f-dialog-preview{background:#333}
.f-dialog-preview ._dlg_x{position:absolute;top:-18px;right:-18px;width:36px;height:36px;background:url(g/i.png) no-repeat 0 -187px;cursor:pointer}
.f-dialog-preview ._dlg_x:hover{background-position:0 -228px}

.w-view-loading{width:100%;height:100%;text-align:center}
.w-view-loading ._c{display:inline-block;padding:5px 15px;margin:5px;border:1px solid #ddd;background:#fcfcfc}
.w-loading{padding:10px 15px;border:1px solid #ddd;background:#fcfcfc;text-align:center}
.w-loading ._t,.w-view-loading ._t{vertical-align:middle;font-style:normal}

.w-progress-loading{table-layout:fixed;min-height:50px;border-width:0;text-align:left}
.w-progress-loading ._bar,.w-progress-loading ._cur{height:3px;background:#ddd;border-radius:3px;overflow:hidden}
.w-progress-loading ._cur{background:#018beb}
.w-progress-loading ._num{color:#999}

.w-vert,.w-horz,.f-oh{overflow:hidden}
.w-horz{white-space:nowrap}
.w-horz.z-br{white-space:normal}
.f-sub-horz{white-space:normal}

.w-frame{position:relative;overflow:hidden}

/* 表格 grid */
.w-grid{overflow:hidden}
.f-scroll-overflow .w-grid{overflow:visible}
.w-grid.z-auto .w-grid-table{width:auto}
.w-grid-table ._oie_thead{*display:none}
.w-grid-table{table-layout:fixed;word-break:break-all;width:100%;*width:auto}
.w-tr.z-hv{background:#f0f8ff}
.w-tr.z-on{background:#cde6fe}
.w-td-line{border-bottom:1px solid #e9e9e9}
.w-td-dot{border-bottom:1px dashed #e3e3e3}
.w-td-cell{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.w-td-cell.z-last{border-right:0}
.w-grid-head{overflow:hidden}
.w-grid-head td{position:relative}
.w-th{position:relative}
.w-th-rsz{position:absolute;width:4px;top:0;right:-2px;z-index:1;cursor:col-resize}
.w-th.z-last .w-th-rsz{right:0}
.w-th-sort .f-i{margin-left:5px}
.w-th-sort .f-arw{margin-left:5px;margin-top:-1px;border-top-color:#888;border-bottom-color:#888}
.w-grid-thead .w-grid-table{height:100%}
.w-grid-thead:hover .w-th-rsz{border-left:1px solid #ddd}
.w-grid-thead:hover .w-grid-face-cell .w-th-rsz{border-left:0}

/* 树 tree */
.w-tree{overflow:hidden}
.w-tree-gut{padding-top:5px}
.w-tree.z-notg .w-leaf-o{display:none}
.w-leaf{position:relative;margin:0;padding:0;height:30px;cursor:default}
.w-leaf.z-hv,.w-leaf.z-hv .w-leaf-t{background:#cce3f2}
.w-leaf.z-on,.w-leaf.z-on .w-leaf-t{background:#b0d3eb}
.w-leaf-a{display:block;height:100%;text-decoration:none}
.w-leaf-b.w-checkbox{padding:0 3px;text-align:center;line-height:0}
.w-leaf-o{display:inline-block;height:100%;width:14px;text-align:center;color:#9e9e9e;vertical-align:middle;}
.w-leaf-o:hover .f-arw-r1{border-left-color:#1cc4f7}
.w-leaf-o:hover .f-arw-b1{border-top-color:#1cc4f7}
.w-leaf-i{position:relative;display:inline-block;height:100%;min-width:20px;margin-right:3px;text-align:center;vertical-align:middle;*width:20px}
.w-leaf.z-loading .w-leaf-i ._ico{opacity:.5}
.w-leaf.z-ds{color:#999}
.w-leaf.z-notg .w-leaf-o .f-arw{display:none}
.w-leaf-i ._ld{position:absolute;left:0;width:100%;height:100%;background:url(g/loading-cir.gif) no-repeat 50% 50%}
.w-leaf-t{display:inline-block;vertical-align:middle;height:100%;font-style:normal}
.w-leaf-s{display:inline-block;vertical-align:middle}
.w-leaf-o .f-arw,.w-leaf .w-form{font-style:normal;vertical-align:middle}

.w-grid-leaf{height:auto}
.w-grid-leaf .w-leaf-t,.w-grid-leaf .w-leaf-a{display:inline}
.w-grid-leaf.z-hv,.w-grid-leaf.z-hv .w-leaf-t,.w-grid-leaf.z-on,.w-grid-leaf.z-on .w-leaf-t{background:transparent}


.w-html{overflow:hidden}

.w-fieldset{margin:0;padding:0;border:1px solid #ccc;border-radius:2px}

.w-dialog{position:absolute;z-index:1;}
.w-dialog-cover{position:fixed;z-index:1;background:#333;top:0;left:0;right:0;bottom:0;opacity:.2;filter:Alpha(opacity=20)}
.w-dialog-move{position:fixed;z-index:1;background:#333;top:0;left:0;right:0;bottom:0;opacity:0;filter:Alpha(opacity=0)}

.w-alert-text{}

.w-toggle{position:relative;cursor:pointer}
.w-toggle-hr{margin:2px 0;border:1px solid #ccc;border-width:1px 0 0 0;height:0;overflow:hidden}
.w-toggle-table{width:100%;height:100%;}
.w-toggle-table .w-leaf,.w-toggle-table .w-leaf ._a{padding-right:3px}
.w-toggle-table.z-hr .w-toggle-text{padding-right:6px;white-space:nowrap;word-break:keep-all}
.w-toggle-text{padding-left:5px;}
.w-toggle-text em{vertical-align:middle;font-style:normal}
.w-toggle-icon{line-height:0}

.w-split ._prev{cursor:pointer}
.w-split ._next{position:relative;top:-100%;cursor:pointer}
.w-split ._ico{position:relative;z-index:1}
.w-split.f-sub-horz ._next{top:0;left:-100%}

/* 日历 */
.w-calendar-dialog{border:1px solid #3298fe;background:#fff;}
.w-calendar-head{height:24px;line-height:24px;padding:5px 0;margin:0 10px 5px 10px;border-bottom:1px solid #ddd}
.w-calendar-head ._circle{text-indent:-3px;overflow:hidden}
.w-calendar-head ._circle i{font-size:34px;line-height:21px}
.w-calendar-head .f-arw-l2{margin-right:15px;margin-top:-1px;vertical-align:middle;cursor:pointer}
.w-calendar-head .f-arw-r2{margin-left:15px;margin-top:-1px;vertical-align:middle;cursor:pointer}
.w-calendar-tbl{border-collapse:collapse}
.w-calendar ._a,.w-calendar-tbl thead td{text-align:center;cursor:default;padding:5px 0}
.w-calendar ._a:hover{background:#def0fc}
.w-calendar ._a.z-on{background:#cce7f9}
.w-calendar ._a.z-ds{color:#999;}
.w-calendar ._a.z-ds:hover{background:transparent;text-decoration:none;cursor:default}
.w-calendar ._t,.w-calendar ._y,.w-calendar ._m{height:24px;vertical-align:middle;cursor:pointer}
.w-calendar ._m{display:inline-block;min-width:32px;text-align:center}
.w-calendar ._t:hover,.w-calendar ._y:hover,.w-calendar ._m:hover{text-decoration:underline}
.w-calendar ._t{float:right;margin-right:5px}
.w-calendar-select{background:#f5f5f5;text-align:center;cursor:default;border:1px solid #ccc}
.w-calendar-select ._b{height:18px;line-height:18px}
.w-calendar-select ._b:hover{background:#d5d5d5}
.w-calendar-select ._wr{height:180px;overflow:hidden}
.w-calendar-select ._c{font-weight:bold}
.w-calendar-month ._a,.w-calendar-year ._a{padding:10px}


/* 表单 form */
.w-form{margin:0;padding:0;}
.w-form input,.w-form textarea{border:0;margin:0;padding:0 4px;background:transparent;outline:none}
.f-css2 .w-form input,.f-css2 .w-form textarea{background:url(g/space.gif)}
.w-form textarea{vertical-align:middle}

.w-input,.w-input-border{border:1px solid #99a8b8;background:#fff}
.w-input{position:relative;height:28px;overflow:hidden;border-radius:2px;/*box-shadow:inset 0px 2px 0px #f7f7f7;*/}
.w-input ._t{line-height:28px;}
.w-input.z-on{border-color:#3298fe;box-shadow:none}
.w-input.z-ds{background:#eee;box-shadow:none}
.w-input.z-err,.w-input-border.z-err{border-color:red;box-shadow:inset 0 0 2px #fbb}
.w-input.z-trans,.w-input-border.z-trans{border-width:0;border-radius:0}

.w-input-placeholder{position:absolute;height:100%;text-indent:5px;color:#a9a9a9;cursor:text}

.w-text ._t,.w-password ._t,.w-date ._t,.w-muldate ._t,.w-spinner ._t,.w-xbox ._t,.w-combobox ._t,.w-onlinebox ._t,.w-pickbox ._t{height:100%;*height:28px;*line-height:28px}
.w-textarea{height:58px}
.w-textarea textarea._t{height:100%;line-height:1.5}
.w-textarea .w-input-placeholder{height:22px}

.w-select{display:inline-block}
.w-select select{padding:0;height:100%;border:0}
.w-select.w-select-multiple{height:auto}
.w-select.z-ds select{background:#eee}

.w-checkboxgroup .w-checkbox,.w-radiogroup .w-radio{padding-right:6px}
.w-checkbox,.w-radio,.w-triplebox{padding:2px 0;border:1px solid transparent;border-left:0;font-style:normal}
.w-checkbox input,.w-radio input,.w-triplebox input{padding:0;vertical-align:middle}
.w-checkbox ._tit,.w-radio ._tit,.w-triplebox ._tit{padding:0 3px;vertical-align:middle;cursor:default}
.w-checkboxgroup.z-err .w-checkbox,.w-radiogroup.z-err .w-radio{position:relative;border-bottom-color:red}
.w-checkboxgroup.z-err .w-checkbox:after,.w-radiogroup.z-err .w-radio:after{position:absolute;content:"";bottom:1px;left:0;right:0;border-bottom:1px dashed red}
.w-checkboxgroup-align{vertical-align:middle}

.w-date ._b,.w-muldate ._b{display:inline-block;width:19px;text-align:center;color:#666;cursor:default}
.w-date ._b:hover,.w-muldate ._b:hover{color:#333}
.w-date .f-boxbtn,.w-muldate .f-boxbtn{height:28px;background:url(g/i.png) no-repeat -147px 3px}
.w-date .f-boxbtn:hover,.w-muldate .f-boxbtn:hover{background-position:-172px 3px}
.w-date.z-ds .f-boxbtn,.w-muldate.z-ds .f-boxbtn{background-position:-147px 3px;cursor:default}

.w-period{overflow:visible}

.w-spinner{line-height:0}
.w-spinner ._t{vertical-align:middle}
.w-spinner ._b{display:inline-block;width:19px;height:100%;text-align:center;vertical-align:middle}
.w-spinner ._b em{display:block;height:50%;text-align:center;vertical-align:middle;cursor:pointer}
.w-spinner .f-arw-t2{border-bottom-color:#99a8b8;position:relative;top:1px;*top:-2px}
.w-spinner ._b em:hover .f-arw-t2{border-bottom-color:#6e8094}
.w-spinner .f-arw-b2{border-top-color:#99a8b8;position:relative;top:-1px;*top:0}
.w-spinner ._b em:hover .f-arw-b2{border-top-color:#6e8094}

.w-mulbox ._o:hover,.w-xbox-dialog ._o:hover{background-color:#d0ecff}
.w-mulbox ._o.z-on,.w-xbox-dialog ._o.z-on{background-color:#3298fe;color:#fff}

.w-xbox ._t,.w-pickbox ._t{padding:0 3px}
.w-xbox.z-ds.z-empty{color:#a9a9a9}
.w-xbox-dialog{border:1px solid #3298fe;background:#fff;box-shadow:0 4px 4px -2px #eee}
.w-xbox-ico{margin:0 5px 0 1px}
.w-combobox-dialog{box-shadow:0 4px 4px -2px #eee}
.w-xbox ._o,.w-mulbox ._o,.w-xbox-dialog ._o{padding:0 5px;height:28px;line-height:28px}
.w-pickbox ._t{line-height:28px}

.w-combobox.w-input{line-height:0;height:auto;min-height:28px}
.w-combobox ._c{min-height:28px;cursor:text}
.w-combobox ._o{position:relative;height:26px;padding:1px 0;line-height:1;vertical-align:middle}
.w-combobox ._o.z-loading ._x{background:url(g/loading-cir.gif) no-repeat 50% 50%}
.w-combobox ._o.z-loading b{display:none}
.w-combobox ._o ._b{width:2px;height:100%;vertical-align:middle}
.w-combobox ._o ._g{height:100%;padding:0 8px;background:#edf4f7;color:#333;vertical-align:middle;cursor:default}
.w-combobox ._o ._g:hover{background:#e5ecef;}
.w-combobox ._o.z-err ._g{background:#ffecec;}
.w-combobox ._o.z-err.z-on ._g{background:#f77;color:#fff}
.w-combobox ._o.z-err ._x{color:#f99}
.w-combobox ._o.z-err.z-on ._x{color:#fff}
.w-combobox ._v{display:inline-block;height:100%;font-style:normal;vertical-align:middle}
.w-combobox ._r{color:#888;font-style:normal;font-family:verdana}
.w-combobox ._x{display:inline-block;margin:1px 0 0 4px;width:12px;height:25px;line-height:25px;*line-height:1;font:normal 18px verdana;color:#99a8b8;vertical-align:middle}
.w-combobox ._x:hover,.w-combobox ._o.z-err ._x:hover{color:#f00;cursor:pointer}
.w-combobox ._t{display:inline-block;margin:2px 0;height:24px;padding:0 2px 0 3px;line-height:24px;border:0;vertical-align:middle;font-style:normal;outline:none}
.w-combobox ._dot,.w-pickbox ._dot,.w-onlinebox ._dot,.w-linkbox ._dot,.w-combobox.z-ds ._dot:hover,.w-pickbox.z-ds:hover ._dot,.w-onlinebox.z-ds ._dot:hover{background:url(g/i.png) no-repeat -246px 2px}
.w-combobox ._dot:hover,.w-pickbox:hover ._dot{background-position:-271px 2px}
.w-combobox.z-loading{color:gray}
.w-combobox.z-loading .w-input-placeholder{display:none}
.w-combobox.z-ds ._o ._g{background:#dfdfdf}
.w-combobox.z-ds ._x{display:none}
.w-combobox ._c.f-nobr{overflow:hidden}

.w-linkbox{height:auto;min-height:28px}
.w-linkbox ._t{min-height:28px;line-height:28px;padding:0 3px;vertical-align:middle;font-family:verdana;font-style:normal;outline:none}
.w-linkbox ._t u{padding-right:1px;color:#999;white-space:nowrap;word-break:keep-all;text-decoration:none}
.w-linkbox ._t u._o{color:#333}
.w-linkbox.z-u ._t u._o{text-decoration:underline}
.w-linkbox ._t i{font-style:normal;padding:0 3px 0 1px;color:#999}
.w-linkbox ._v{display:inline-block;height:22px;line-height:22px;vertical-align:middle}
.w-linkbox.z-loading{color:gray}
.w-linkbox.z-loading .w-input-placeholder{display:none}
.w-linkbox.z-nobr ._t{overflow:hidden;white-space:nowrap;word-break:keep-all}

.w-onlinebox ._t{font-family:verdana}

.f-boxbtn{display:inline-block;width:20px;height:28px;vertical-align:top;text-indent:3px;cursor:pointer}
.f-boxbtn .f-arw-b2{border-top-color:#99a8b8;*margin-top:3px}
.f-boxbtn:hover .f-arw-b2{border-top-color:#6e8094}

.f-locker{background:#fff;position:absolute;top:0;left:0;bottom:0;right:0;filter:alpha(opacity=20);opacity:.2;}

.w-album{text-align:justify}
.w-img{position:relative;text-align:center}
.w-album .w-img{position:relative;padding:10px;border:1px solid transparent;border-radius:2px;}
.w-album .w-img.z-hv{background-color:#f7f8f9;}
.w-album .w-img.z-on{border-color:#b7c6ce;background-color:#f2f2f2;box-shadow:0 2px 3px 0 #eee;}
.w-album .w-img.z-hv .w-img-box,.w-album .w-img.z-on .w-img-box{display:inline-block}
.w-album.z-face-straight .w-img ._t{padding-left:10px;margin-top:0;display:inline-block;text-align:left;vertical-align:middle;*display:inline;*zoom:1}
.w-album.z-face-straight ._s{font-size:14px;line-height:2}

.w-img-box{display:none;position:absolute;top:3px;left:3px}
.w-img-box.w-checkbox{padding:0}
.w-img ._i{vertical-align:middle}
.w-img ._t{text-align:center}
.w-img ._d{color:gray;line-height:2;}

.w-tip{border:1px solid #f3e041;background:#faf0cd;box-shadow:0 0 4px #d9d9d9;}
.w-tip.z-noprong .w-tip-o,.w-tip.z-noprong .w-tip-i{display:none}
.w-tip-text{padding:4px 10px;min-height:20px;}
.w-tip.z-x .w-tip-text{padding-right:22px}
.w-tip .w-tip-x{position:absolute;right:2px;top:4px;}
.w-tip-o,.w-tip-i{line-height:0}
.w-tip.z-mag-l .w-tip-o{position:absolute;border:9px solid transparent;border-right:0;border-left-color:#f3e041;right:-9px;top:50%;margin-top:-9px}
.w-tip.z-mag-l .w-tip-i{position:absolute;border:8px solid transparent;border-right:0;border-left-color:#faf0cd;right:-8px;top:50%;margin-top:-8px}
.w-tip.z-snap-12 .w-tip-o{top:10px}
.w-tip.z-snap-12 .w-tip-i{top:11px}
.w-tip.z-snap-43 .w-tip-o{top:auto;bottom:10px}
.w-tip.z-snap-43 .w-tip-i{top:auto;bottom:11px}

.w-tip.z-mag-r .w-tip-o{position:absolute;border:9px solid transparent;border-left:0;border-right-color:#f3e041;left:-9px;top:50%;margin-top:-9px}
.w-tip.z-mag-r .w-tip-i{position:absolute;border:8px solid transparent;border-left:0;border-right-color:#faf0cd;left:-8px;top:50%;margin-top:-8px}
.w-tip.z-snap-21 .w-tip-o{top:10px}
.w-tip.z-snap-21 .w-tip-i{top:11px}
.w-tip.z-snap-34 .w-tip-o{top:auto;bottom:10px}
.w-tip.z-snap-34 .w-tip-i{top:auto;bottom:11px}

.w-tip.z-mag-b .w-tip-o{position:absolute;border:9px solid transparent;border-top:0;border-bottom-color:#f3e041;top:-9px;left:50%;margin-left:-9px}
.w-tip.z-mag-b .w-tip-i{position:absolute;border:8px solid transparent;border-top:0;border-bottom-color:#faf0cd;top:-8px;left:50%;margin-left:-8px}
.w-tip.z-snap-14 .w-tip-o{left:auto;right:10px}
.w-tip.z-snap-14 .w-tip-i{left:auto;right:11px}
.w-tip.z-snap-23 .w-tip-o{left:10px}
.w-tip.z-snap-23 .w-tip-i{left:11px}

.w-tip.z-mag-t .w-tip-o{position:absolute;border:9px solid transparent;border-bottom:0;border-top-color:#f3e041;bottom:-9px;left:50%;margin-left:-9px}
.w-tip.z-mag-t .w-tip-i{position:absolute;border:8px solid transparent;border-bottom:0;border-top-color:#faf0cd;bottom:-8px;left:50%;margin-left:-8px}
.w-tip.z-snap-32 .w-tip-o{left:auto;right:10px}
.w-tip.z-snap-32 .w-tip-i{left:auto;right:11px}
.w-tip.z-snap-41 .w-tip-o{left:10px}
.w-tip.z-snap-41 .w-tip-i{left:11px}

.w-buttonbar{position:relative;overflow:hidden}
.w-buttonbar.z-dirh{white-space:nowrap;word-break:keep-all}
.w-buttonbar.z-dirv .w-button{display:block}
.w-buttonbar-line{display:none;position:absolute;right:0;left:0;bottom:0;height:1px;background:#ddd}

/*! button
 *	l: left(左), r: right(右), 设置lr时出现
 *	i: icon(图标), t: text(文本), o: oper(操作区包括下拉和删除), p: split(分割线), d: arrow(箭头), x: remove(删除)
 */
.w-button{position:relative;display:inline-block;height:100%;text-align:center;vertical-align:middle;cursor:default;*display:inline;*zoom:1;overflow:hidden;white-space:nowrap;word-break:keep-all;cursor:pointer}
.w-button ._c,.w-button ._i,.w-button ._t,.w-button ._m,.w-button ._x{position:relative;display:inline-block;height:100%;vertical-align:top;*vertical-align:middle}
.w-button ._c{padding-left:8px}
.w-button ._t,.w-button ._i{padding-right:8px}
.w-button ._i{line-height:1}
.w-button ._t{white-space:pre}
.w-button ._m{position:absolute;top:0;right:0;bottom:0;width:20px}
.w-button ._x{padding:0 3px}
.w-button ._xi{vertical-align:middle}
.w-button em,.w-menu-button em{font-style:normal;vertical-align:middle}
.w-button img,.w-menu-button img{vertical-align:middle}
.w-button .f-arw{border-top-color:#555;border-bottom:0}
.w-button ._ld{position:absolute;left:0;right:8px;height:100%;background:url(g/loading-cir.gif) no-repeat 50% 50%}
.w-button.z-lock ._ico{opacity:.5}
.w-button.z-on{z-index:1}
.w-button.z-ds{color:#aaa}
.w-button.z-more ._c,.w-button.z-combo ._c{margin-right:13px}
.w-button.z-combo.z-fixed ._c{position:absolute;left:0;right:0}
.w-button.z-combo ._c{margin-right:21px}

.w-button-split{vertical-align:middle;text-align:center}


.f-button{height:28px;border:1px solid #d3d3d3;border-radius:2px;background:#fafafa;color:#333}
.f-button.z-on{background:#fff}
.f-button ._c{padding-left:8px;}
.f-button ._t,.f-button ._i{padding-right:8px}

.f-button.z-normal.z-hv,.f-button.z-more.z-hv,.f-button.z-combo ._c.z-hv,.f-button.z-combo ._m.z-hv{background:#fdfdfd;z-index:1;box-shadow:0 0 3px rgba(0,0,0,.1);}
.f-button.z-normal.z-dn,.f-button.z-more.z-dn,.f-button.z-combo ._c.z-dn,.f-button.z-combo ._m.z-dn{background:#eee;z-index:1;box-shadow:inset 0 2px 0 #e9e9e9;}

.f-button.z-combo ._m{border-left:1px solid #ddd}

.f-groupbar .f-button{margin-right:-1px;border-radius:0}
.f-groupbar .f-button.z-first{border-top-left-radius:2px;border-bottom-left-radius:2px}
.f-groupbar .f-button.z-last{margin-right:0;border-top-right-radius:2px;border-bottom-right-radius:2px}

.f-button.w-submit{background:#18b4ed;border-color:#0baae4;color:#fff}
.f-button.w-submit.z-combo ._m{border-color:#0baae4}
.f-button.w-submit .f-arw{border-top-color:#fff}

.f-button.z-normal.w-submit.z-hv,.f-button.z-more.w-submit.z-hv,.f-button.z-combo.w-submit ._c.z-hv,.f-button.z-combo.w-submit ._m.z-hv{background:#12a8e0}
.f-button.z-normal.w-submit.z-dn,.f-button.z-more.w-submit.z-dn,.f-button.z-combo.w-submit ._c.z-dn,.f-button.z-combo.w-submit ._m.z-dn{background:#11a0d7;box-shadow:inset 0 2px 0 #11a0d7;}

.f-button.z-more.z-snap,.f-button.z-combo.z-snap ._m{background:#e3e3e3}
.f-button.z-more.w-submit.z-snap,.f-button.z-combo.w-submit.z-snap ._m{background:#11a0d7}

.f-button-link{cursor:pointer}
.f-button-link ._c{padding-left:4px}
.f-button-link ._t,.f-button-link ._i{padding-right:4px}
.f-button-link.z-hv ._t{text-decoration:underline}

.w-menu{position:absolute;padding:3px 0;background:#fff;border:1px solid #99a8b8;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:1}
.w-menu ._g{overflow:hidden}
.w-menu ._ar{height:7px;line-height:0;padding-top:2px;text-align:center}
.w-menu ._ar .f-arw-b2{border-top-color:#aaa}
.w-menu ._ar .f-arw-t2{border-bottom-color:#aaa}
.w-menu ._ar.z-us .f-arw-b2{border-top-color:#333}
.w-menu ._ar.z-us .f-arw-t2{border-bottom-color:#333}
.w-menu-button{position:relative;display:block;height:28px;cursor:default}
.w-menu-button ._c,.w-menu-button ._i,.w-menu-button ._t,.w-menu-button ._m,.w-menu-button ._x{display:inline-block;height:100%;vertical-align:top;*vertical-align:middle}
.w-menu-button ._i{width:32px;text-align:center}
.w-menu-button ._m{float:right;padding:0 10px 0 26px}
.w-menu-button.z-ds{color:#aaa}
.w-menu-button.z-ds .f-arw-r1{border-left-color:#aaa}
.w-menu-button.z-hv,.w-menu-button.z-open,.w-menu ._ar.z-us:hover{background:#edf4f7}
.w-menu.z-omit ._t{position:absolute;left:32px;right:40px;}

.w-page ._jbtn{border:1px solid #d3d3d3;border-left:0;height:26px;background:#fafafa;color:#888;cursor:pointer}
.w-page ._jbtn ._c{padding-left:5px;}
.w-page ._jbtn ._t{padding-right:5px;}
.w-page ._jbtn.z-hv{opacity:.9;filter:alpha(opacity=90);box-shadow:0 0 3px rgba(0,0,0,.1)}
.w-page ._jbtn.z-dn{opacity:1;filter:alpha(opacity=100);box-shadow:none}
.w-page ._jump.z-on,.w-page ._jbtn.z-on{border-color:#3e89fa}
.w-page ._jbtn.z-on{background:#3e89fa;color:#fff}
.w-page ._sbtn{margin-left:10px}
.w-page ._t{display:inline-block;vertical-align:middle}
.w-page ._inf,.w-page ._to{padding-left:10px}
.w-page.z-trans ._o,.w-page.z-trans ._o.z-us:hover{border-color:transparent}

.w-page-mini ._o,.w-page ._jump{display:inline-block;height:16px;min-width:16px;line-height:16px;margin-right:4px;border:1px solid #d3d3d3;color:#777;font-style:normal;font-size:11px;text-align:center;vertical-align:middle;*width:16px}
.w-page-mini ._o.z-us:hover{cursor:pointer;border-color:#3e89fa;color:#3e89fa}
.w-page-mini ._b{background:url(g/i.png) no-repeat}
.w-page-mini ._cur{color:#3e89fa;border-color:transparent}
.w-page-mini ._first{background-position:-71px -91px;}
.w-page-mini ._first.z-us:hover{background-position:-88px -91px}
.w-page-mini ._last{background-position:-104px -91px;}
.w-page-mini ._last.z-us:hover{background-position:-121px -91px}
.w-page-mini ._prev{background-position:-71px -110px;}
.w-page-mini ._prev.z-us:hover{background-position:-88px -110px}
.w-page-mini ._next{background-position:-104px -110px;}
.w-page-mini ._next.z-us:hover{background-position:-121px -110px}
.w-page-mini ._jump{width:20px;margin-right:0}
.w-page-mini ._jbtn{height:18px;line-height:0;font-family:arial}

.w-page-text ._o{display:inline-block;height:26px;line-height:26px;*line-height:28px;line-height:28px\0;padding:0 10px;margin-right:5px;border:1px solid #ddd;vertical-align:middle;font-style:normal;font-family:arial}
.w-page-text ._o._cur{font-weight:700}
.w-page-text ._o._num{line-height:26px}
.w-page-text ._b{color:#888;}
.w-page-text ._cur{color:#3e89fa;border-color:transparent}
.w-page-text .z-us{color:#000;cursor:pointer}
.w-page-text .z-us:hover{color:#3e89fa;border-color:#3e89fa}
.w-page-text ._jump,.w-page-buttongroup ._jump{width:26px;height:24px;margin:0}
.w-page-text.z-trans ._o{padding:0 8px}
	
.w-page-button.z-first,.w-page-button.z-last{font-size:15px;font-family:simsun;font-weight:700;line-height:28px\0}

.w-muldate ._c{height:100%;vertical-align:middle;padding:0 4px;line-height:28px}
.w-muldate-dialog a{color:#333}
.w-muldate-dialog ._i{cursor:pointer}

.f-tab-bar{background:#f8f8f8}
.f-tab-bar.z-horz-2,.f-tab-bar.z-horz-3{text-align:right}
.f-tab-bar.z-horz-2 .f-tab,.f-tab-bar.z-horz-3 .f-tab{border:0;border-left:1px solid #ddd}
.f-tab-bar.z-horz-3 .f-tab-line,.f-tab-bar.z-horz-4 .w-buttonbar-line{top:0;bottom:auto}
.f-tab-bar .w-buttonbar-line{display:block}
.f-tab{border-right:1px solid #ddd}
.f-tab.z-on{background:#fff}
.f-tab.z-more ._c,.f-tab .z-combo ._c{margin-right:13px}


.f-tab-bar.z-vert-1{font-size:14px;text-align:right}
.f-tab-bar.z-vert-1 .f-tab-line{width:0;height:auto;top:0;bottom:0;right:0;left:auto;border-left:1px solid #ddd;}
.f-tab-bar.z-vert-1 .f-tab{display:block;height:30px;border:1px solid transparent;border-right:0;margin-left:10px}
.f-tab-bar.z-vert-1 .f-tab.z-hv{background:#e3e3e3}
.f-tab-bar.z-vert-1 .f-tab.z-on{border-color:#ddd;background:#fff}

.f-tab-bar.z-vert-2{font-size:14px}
.f-tab-bar.z-vert-2 .f-tab-line{width:0;height:auto;top:0;bottom:0;right:auto;left:0;border-left:1px solid #ddd;}
.f-tab-bar.z-vert-2 .f-tab{display:block;height:30px;border:1px solid transparent;border-left:0;margin-right:10px}
.f-tab-bar.z-vert-2 .f-tab.z-hv{background:#e3e3e3}
.f-tab-bar.z-vert-2 .f-tab.z-on{border-color:#ddd;background:#fff}


.f-button-path{border:1px solid transparent}
.f-button-path.z-hv,.f-button-path.z-snap{border-color:#ddd;background:#eee}
.f-button-path ._m{border-left:1px solid transparent}
.f-button-path.z-hv ._m,.f-button-path.z-snap ._m{border-left-color:#ccc}
.f-button-path .f-arw{border:4px solid transparent;border-right:0;border-left-color:#555;}
.f-button-path ._c{position:relative;padding-left:8px}
.f-button-path ._t{padding-right:8px}
.f-button-path ._i{padding-right:8px}
.f-button-path ._m{width:18px}
.f-button-path.z-combo ._c{margin-right:19px}
.f-button-path ._c.z-dn,.f-button-path.z-snap ._m{background:#e3e3e3}
.f-button-path.z-snap .f-arw{border:4px solid transparent;border-bottom:0;border-top-color:#555;}

.f-deck-button{background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

.f-i{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;vertical-align:middle;line-height:1}
.f-i-close{background-image:url(g/i.png);background-position:-70px -17px}
.f-i-close:hover{background-position:-104px -17px;cursor:pointer}
.f-i-config{background-image:url(g/i.png);background-position:-148px -26px}
.f-i-loading{width:16px;height:16px;background-image:url(g/loading.gif)}
.f-i-more{background-image:url(g/i.png);background-position:-246px -3px}
.f-i-trash{background-image:url(g/i.png);background-position:-296px -3px}
.f-i-plus{background-image:url(g/i.png);background-position:-71px -126px}
.f-i-minus{background-image:url(g/i.png);background-position:-88px -126px}
.f-i-alertwarn{width:40px;height:40px;background-image:url(g/i.png);background-position:0 0}
.f-i-alertask{width:40px;height:40px;background-image:url(g/i.png);background-position:0 -86px}
.f-i-chrome{width:33px;height:32px;background-image:url(g/i.png);background-position:0 -272px}
.f-i-ie{width:33px;height:32px;background-image:url(g/i.png);background-position:0 -312px}

.f-i-file-vid{width:30px;height:30px;background:url(g/f.png) -97px -87px}
.f-i-file-ppt{width:30px;height:30px;background:url(g/f.png) -241px -87px}
.f-i-file-xls{width:30px;height:30px;background:url(g/f.png) -385px -87px}
.f-i-file-fla{width:30px;height:30px;background:url(g/f.png) -529px -87px}
.f-i-file-fon{width:30px;height:30px;background:url(g/f.png) -97px -190px}
.f-i-file-zip{width:30px;height:30px;background:url(g/f.png) -241px -190px}
.f-i-file-eps{width:30px;height:30px;background:url(g/f.png) -385px -190px}
.f-i-file-txt{width:30px;height:30px;background:url(g/f.png) -529px -190px}
.f-i-file-aud{width:30px;height:30px;background:url(g/f.png) -673px -190px}
.f-i-file-pdf{width:30px;height:30px;background:url(g/f.png) -241px -293px}
.f-i-file-ai{width:30px;height:30px;background:url(g/f.png) -385px -293px}
.f-i-file-psd{width:30px;height:30px;background:url(g/f.png) -529px -293px}
.f-i-file-img{width:30px;height:30px;background:url(g/f.png) -673px -293px}
.f-i-file-css{width:30px;height:30px;background:url(g/f.png) -97px -396px}
.f-i-file-doc{width:30px;height:30px;background:url(g/f.png) -241px -396px}
.f-i-file-iso{width:30px;height:30px;background:url(g/f.png) -385px -396px}
.f-i-file-js{width:30px;height:30px;background:url(g/f.png) -529px -396px}
.f-i-file-file{width:30px;height:30px;background:url(g/f.png) -673px -396px}
.f-i-file-htm{width:30px;height:30px;background:url(g/f.png) -97px -396px}

.w-upload-bbr{overflow:hidden}
.w-upload.z-ds .w-upload-bbr{width:0;height:0}

.w-upload-icon-local{display:inline-block;width:22px;height:22px;background:url(g/i.png) no-repeat -145px -49px}
.w-upload-icon-net{display:inline-block;width:22px;height:22px;background:url(g/i.png) no-repeat -172px -49px}
.w-upload-icon-file{display:inline-block;width:16px;height:16px;background:url(g/i.png) no-repeat -103px -38px}
.w-upload-button{margin:3px 0}
.w-upload-button .swfupload{position:absolute;width:100%;height:100%;z-index:1}
.w-upload-value-simple{position:relative;height:30px;margin:5px 10px 5px 0px;padding-right:0;background:#edf4f7;border-radius:2px}
.w-upload-value-simple ._name{text-align:left;border-radius:2px}
.w-upload-value-simple ._name ._t{padding-right:5px;line-height:26px;overflow:hidden;text-overflow:ellipsis}
.w-upload-value-simple ._name ._t:hover{text-decoration:underline;cursor:pointer}
.w-upload-value-simple ._name ._c{padding-left:0}
.w-upload-value-simple ._name ._i{padding-right:6px}
.w-upload-value-simple ._btnbar{height:100%}
.w-upload-value-simple ._btnbar .w-button{line-height:1;color:#777}
.w-upload-value-simple ._btnbar ._close:hover{color:#f00;background:#d1e2e9;cursor:pointer}
.w-upload-value-simple ._btnbar ._more:hover,.w-upload-value-simple ._btnbar ._more.z-snap{background:#d1e2e9;cursor:pointer}
.w-upload-value-simple ._btnbar ._c{padding-left:5px;margin:0}
.w-upload-value-simple ._btnbar ._t{width:15px;padding-right:4px;font-size:18px;margin-top:-1px}
.w-upload-value-simple ._btnbar ._i{padding-right:7px}
.w-upload-value-simple ._btnbar ._m{display:none}
.w-upload-value-simple ._btnbar ._close ._c{padding-left:6px}
.w-upload-value-simple ._btnbar ._close ._i{padding-right:5px}
.w-upload-value-simple a{color:#333}
.w-upload-value-simple ._ex{position:relative;color:#ff7921;vertical-align:middle}
.w-upload-value-simple ._progress{position:absolute;top:0;left:29px;right:0;bottom:0;background:#fff;border:1px solid #c7dbe3;border-radius:0 2px 2px 0}
.w-upload-value-simple ._percent{position:absolute;top:0;left:0;bottom:0;background:#ddf7ff}
.w-upload-value-simple.z-loading{background:#fff}
.w-upload-value-simple.z-err{border-color:#ff7921}

.w-upload-value-image{position:relative;margin:0 5px 10px 0;padding-right:15px;text-align:center}
.w-upload-value-image ._name{position:relative;border:1px solid #ccc;width:100px;height:100px;vertical-align:middle}
.w-upload-value-image ._btnbar{position:absolute;height:16px;line-height:1;top:1px;right:15px;color:#aaa;z-index:1}
.w-upload-value-image ._btnbar ._t{padding-right:2px;margin-top:-4px;font-size:18px;font-family:verdana;text-shadow:1px 1px 1px rgba(255,255,255,.9)}
.w-upload-value-image ._btnbar ._t:hover{color:#f00;cursor:pointer}
.w-upload-value-image ._progress{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.5}
.w-upload-value-image ._g{vertical-align:middle}
.w-upload-value-image.z-err{border-color:#fd7921}
.w-upload-value-image ._ex{position:absolute;display:inline-block;top:0;left:0;right:15px;bottom:0;color:#fd7921}
.w-upload-value-image ._more{position:absolute;display:none;right:2px;top:0;width:12px;height:12px;border:1px solid #aaa;border-left:0;cursor:pointer}
.w-upload-value-image ._more .f-arw{vertical-align:top;margin-top:5px}
.w-upload-value-image:hover ._more,.w-upload-value-image ._more.z-snap{display:block}


/* css3动画效果 */
.f-animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.f-speed-fast {
	-webkit-animation-duration:.2s;
	-moz-animation-duration:.2s;
	-ms-animation-duration:.2s;
	-o-animation-duration:.2s;
	animation-duration:.2s;
}
.f-speed-100 {
	-webkit-animation-duration:.1s;
	-moz-animation-duration:.1s;
	-ms-animation-duration:.1s;
	-o-animation-duration:.1s;
	animation-duration:.1s;
}
.f-ani-fadeInRight {
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-ms-animation-name:fadeInRight;
	-o-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInRight {
	0%{opacity:0;-webkit-transform:translateX(-100%);}
	100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInRight {
	0%{opacity:0;transform:translateX(-100%);}
	100%{opacity:1;transform:translateX(0);}
}
.f-ani-fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	-moz-animation-name:fadeOutRight;
	-ms-animation-name:fadeOutRight;
	-o-animation-name:fadeOutRight;
	animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutRight {
	0%{opacity:1;-webkit-transform:translateX(0);}
	100%{opacity:0;-webkit-transform:translateX(100%);}
}
@keyframes fadeOutRight {
	0%{opacity:1;transform:translateX(0);}
	100%{opacity:0;transform:translateX(100%);}
}
.f-ani-fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-ms-animation-name:fadeInLeft;
	-o-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInLeft {
	0%{opacity:0;-webkit-transform:translateX(100%);}
	100%{opacity:1;-webkit-transform:translateX(0);}
}
@keyframes fadeInLeft {
	0%{opacity:0;transform:translateX(100%);}
	100%{opacity:1;transform:translateX(0);}
}
.f-ani-fadeOutLeft {
	-webkit-animation-name:fadeOutLeft;
	-moz-animation-name:fadeOutLeft;
	-ms-animation-name:fadeOutLeft;
	-o-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutLeft {
	0%{opacity:1;-webkit-transform:translateX(0);}
	100%{opacity:0;-webkit-transform:translateX(-100%);}
}
@keyframes fadeOutLeft {
	0%{opacity:1;transform:translateX(0);}
	100%{opacity:0;transform:translateX(-100%);}
}